/* set defaults for everything */
* {
    color:#ff00aa;
    border:1px;
    font-family: Arial, f oo, bar, serif;
    font-weight: normal;
    font-size: 12pt; 
}
/* test multiple elements in the match */
e1, e2 {
    border: 3px;
}
button {
    border:3px;
    icon: url(images/checkbox_normal.png);
    icon-position: left;
    font-weight: bold;
}
button2 {
    icon: url(images/checkbox-normal.png);
}

transptest {
    background-color: transparent;
    color: #ff0000;
}

shadowtest {
    /* a black shadow offset by 3,2 with a blur radius of 4 */
    text-shadow: 3px 2px 4px #000000;
}
#shad{

}
#idmatch1 {
    dummy-prop-name: 87px;
}

.classmatch1 {
    dummy-prop-name: 88px;
}

#hex_test {
    background-color: #FF00ff;
}
/*
Button.classmatch2 {
    margin: 1px;
}
Button.classmatch3 {
    margin: 2px;
} */

#margin_test_1 {
    margin-top: 1px;
    margin-right: 3px;
    margin-bottom: 5px;
    margin-left: 7px;
}
#margin_test_2 {
    margin: 1px 3px 5px 7px;
}
#margin_test_3 {
    margin: 9px; /*all sides*/
}
#margin_test_4 {
    margin: 10px 11px; /* top&bottom, left&right */
}
#margin_test_5 {
    margin: 10px 11px 12px; /* top, left&right, bottom */
}

/* test expansion of padding properties */
#padding_test_1 {
    padding-top: 1px;
    padding-right: 3px;
    padding-bottom: 5px;
    padding-left: 7px;
}
#padding_test_2 {
    padding: 1px 3px 5px 7px;
}
#padding_test_3 {
    padding: 9px; /*all sides*/
}
#padding_test_4 {
    padding: 10px 11px; /* top&bottom, left&right */
}
#padding_test_5 {
    padding: 10px 11px 12px; /* top, left&right, bottom */
}
/* test overriding one value of the 4 */
#padding_test_6 {
    padding: 5px;
}
#padding_test_6 {
    padding-top: 6px;
}

#border_test_1 {
    border-top-width: 1px;
    border-right-width: 3px;
    border-bottom-width: 5px;
    border-left-width: 7px;
}
#border_test_2 {
    border-width: 1px 3px 5px 7px;
}
#border_test_3 {
    border-width: 9px; /*all sides*/
}
#border_test_4 {
    border-width: 10px 11px; /* top&bottom, left&right */
}
#border_test_5 {
    border-width: 10px 11px 12px; /* top, left&right, bottom */
}
#border_test_6::thumb {
    border-width: 10px 11px 12px; /* top, left&right, bottom */
}


/* advanced CSS class tests */
.class1 { dummy-prop: 1px; }
.class2 { dummy-prop: 3px; }
.-class-Button {
    dummy-prop2: 10px; 
}
.-class-Button:hover {
    dummy-prop3: 25px;
}


/* constants tests */

#constant_color_1 {
    prop1: red;
    prop2: green;
    prop3: blue;
}

/* advanced selector tests */
#idtest1 .-class-Button {
    dummy-prop: 78px;
}
#idtest1 blah .-class-Button {
    dummy-prop1: 1px;
}
#idtest2 .-class-Button {
    dummy-prop2: 165px;
}
#window1 .-class-Button {
    dummy-prop3: 199px;
}/*
#idtest1 < Button {
    dummy-prop2: 79px;
}
#window1 Button {
    dummy-prop3: 80px;
}*/



/* border radius tests */
#border_radius_1 {
    border-top-left-radius: 1px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 4px;
}
#border_radius_2 { border-radius: 1px; } /* same as 1,1,1,1 */
#border_radius_3 { border-radius: 1px 2px; } /* same as 1,2,1,2 */
#border_radius_4 { border-radius: 1px 2px 3px; } /* same as 1,2,3,2 */
#border_radius_5 { border-radius: 1px 2px 3px 4px; }
#border_radius_6::thumb {
    border-radius: 1px 2px 3px 4px;
    /*thumb-border-top-left-radius: 1px;*/
}

/* shadow tests */
#box_shadow_1 {
    box-shadow: 1px 2px 3px #000000;
}
#text_shadow_1 {
    text-shadow: 2px 2px 0px #ff0000;
}



/* color tests */
#color_rgba_1 {
    prop1: rgba(255,255,255,1.0);
    prop2: rgba( 255 ,255,255,1.0);
    prop3: rgba( 255 ,128 , 0, 1.0);
    prop4: rgba( 0 ,128 , 0, 0.5);
    prop5: #00ff00;
}